/*= Reset CSS 
============= */

.container2{margin: 0 auto;max-width: 1200px;overflow:hidden;position:relative;}
.container2 li {float: left;width: 350px;list-style: none;height:436px;display: inline;margin-left: 75px; cursor:pointer;}
.container2 li.s1 { margin-left:0; background:url(../images/index_05.jpg) no-repeat bottom;}
.container2 li.s2 { background:url(../images/index_07.jpg) no-repeat bottom;}
.container2 li.s3 { background:url(../images/index_09.jpg) no-repeat bottom;}

.btn{display: block;font-size: 14px;color:#fff;background-color:rgba(7,87,172,0.8);text-decoration: none;transition: 0.4s; text-align:center; line-height:36px;}
.btn:hover{transition: 0.4s; text-decoration:none; background:#5ca905; color:#fff;}
.text-desc{position: absolute; left:92px; bottom:-60px; height:36px; opacity: 0; width:165px;}
/*= Reset CSS End
================= *

/* effect-1 css */
.port-1{float: left;width: 100%;position: relative;overflow: hidden; height:436px;}
.port-1 h3 { font-size:24px; color:#0757ac; font-weight:bold; padding:15px 25px;}
.port-1 p { padding:0 25px;}
.port-1 p a { display:block; background:url(../images/dd.png) no-repeat left center; font-size:14px; line-height:28px; padding-left:10px; color:#383838;}
.port-1 .text-desc{opacity: 0.9; transition: 0.5s; color: #000;}
.port-1 .image-box { width:350px; height:154px; overflow:hidden; border-radius:10px 10px 0 0;}
.port-1 .image-box img{ width:350px; height:154px;transition:all 1s;}
.port-1:hover img{transform:scale(1.2,1.2);transform-origin:center center}


.port-1.effect-2 .text-desc{top: auto; bottom:-60px;}
.port-1.effect-2:hover .text-desc{bottom: 25px;}